<template>
	<view>
		<view class="clinical_recruitment_cell h5_padding" @click='openinfo(item)'>
			<view class="text_content">
				{{item.title}}
			</view>
			<view class="line">
				<view class="text1 text_color_green">招募城市</view>
				<view class="text2 text_color_dark">{{item.cityName}}</view>
				<view class="text3 text_color_dark">{{item.numberOfPeople}}人</view>
			</view>
			<view class="line">
				<view class="text1 text_color_green">线组</view>
				<view class="text2 text_color_dark">{{item.lineName}}</view>
				<view class="text3 text_color_green">入组人数</view>
			</view>
		</view>
		<view class="h5_line"></view>
	</view>
</template>

<script>
	export default {
		name:"clinical-recruitment-cell",
		props: {
			item: {
				type: Object,
				default: {},
				required: true,
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.clinical_recruitment_cell{
	margin-top: 60rpx;
	
	.text_content{
		 
		font-size: 22rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		line-height: 38rpx;
		letter-spacing: 1rpx;
		margin-bottom: 10rpx; 
	}
	.line{
		display: flex;
		 
		font-size: 22rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #008796;
		line-height: 36rpx;
		letter-spacing: 1rpx;
		
		.text1{
			width: 113rpx;
		}
		.text2{
			margin-right: auto;
		}
		.text3{
			text-align: center;
			width: 113rpx;
		}
		.text_color_green{
			color: #008796;
		}
		.text_color_dark{
				color: #999999;
		}
	}
}
</style>